// pages/my/my.js

import {http} from "../../utils/index"
const mobileReg =  /^1(3|5|6|7|8|9)\d{9}$/
Page({

  /**
   * 页面的初始数据
   */
  data: {
    actionData:{
      items:["拍照","摄像","从相册选择"],
      hidden:true
    },
    loginData:{
      mobile:'',
      captcha:"",
      isLogin:false,
      disabled:true
    },
    mobile:"",
    avatar:"../../images/img1.jpg"

  },

  // 云存储  
  uploadImage(fileURL) {
    wx.cloud.uploadFile({
      cloudPath:new Date().getTime()+'.png', // 上传至云端的路径
      filePath: fileURL, // 小程序临时文件路径  需要上传的文件   本地路径 
      success: res => {
        // 返回文件 ID
        console.log("上传成功",res);
        //获取文件路径
        this.setData({
          avatar:res.fileID
        })

        wx.setStorageSync('avatar', res.fileID)
      },
      fail: console.error
    })
  },
  takephoto(){
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (res)=> {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        this.uploadImage(tempFilePaths[0])
        // this.setData({
        //   avatar:tempFilePaths
        // });
      }
    })
  },
  confirmLogin(){
    console.log("dsadssad")
    http({
      url:"https://shiwenmz.top:3333/captcha/verify",
      method:"GET",
      data:{
        phone:this.data.loginData.mobile,
        captcha:this.data.loginData.captcha
      },
      success:res=>{
        if(res.data.code==200){
          wx.showToast({
            title: '验证码匹配成功',
          })

          wx.setStorageSync("isLogin",true)
          wx.setStorageSync("mobile",this.data.loginData.mobile);
          this.setData({
            "loginData.isLogin":true,
            "mobile":this.data.loginData.mobile
          })

        }else{
          wx.showToast({
            title: '请求失败',
          })
        }
      }
    })
  },
  // 发送验证码 
  sendCaptcha(){
      wx.showLoading({
        title: '请求中...',
      })

      // axios 
      wx.request({
        url: 'https://shiwenmz.top:3333/captcha/sent',
        data:{
          phone:this.data.loginData.mobile
        },
        method:"GET",
        success:res=>{
          wx.hideLoading();
          console.log(res);
          if(res.data.code==200){
            wx.showToast({
              title: '验证码发送成功',
            })
          }else{
            wx.showToast({
              title: '请求失败',
            })
          }
          
          // wx.showToast({
          //   title:""
          // })
        }
      })
  },
  showLogin(){
    this.setData({
      "loginData.isLogin":false
    })
  },
  cancelLogin(e){
      this.setData({
        "loginData.isLogin":true
      })
  },
  getMobile(e){
    this.setData({
      "loginData.mobile":e.detail.value,
      "loginData.disabled":!mobileReg.test(e.detail.value)
    })
  },
  getCaptcha(e){
    this.setData({
      "loginData.captcha":e.detail.value
    })
  },
  openmodal(){
    wx.showModal({
      title: '流量警告',
      content: '你正在使用4G网络观看视频!', 
      cancelText:"暂停观看",
      cancelColor:"#515151",
      confirmText:"继续观看",
      confirmColor:"#F56C6C",
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定');
          wx.showToast({
            title:"土豪,请继续"
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
          wx.showToast({
            title:"土豪,请充钱"
          })
        }
      }
    })
  },


  itemclick(e){
    console.log(e.target.dataset.index)
    var index = e.target.dataset.index
    wx.showToast({
      title:this.data.actionData.items[index] + "成功" ,
    })


    this.setData({
      "actionData.hidden":true
    })

  },
  openmyaction(){
      this.setData({
        "actionData.hidden":false
      })
  },

  actioncancel(){
    this.setData({
      "actionData.hidden":true
    })
  },

  openaction(){
    wx.showActionSheet({
      itemList: this.data.actionData.items,
      success :(res)=>{
        console.log(res.tapIndex)
        wx.showToast({
          title:this.data.actionData.items[res.tapIndex] + "成功" ,
        })
      },
      fail (res) {
        console.log(res.errMsg)
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      this.setData({
        "loginData.isLogin":wx.getStorageSync("isLogin"),
        "mobile":wx.getStorageSync('mobile'),
      })
      
      if(wx.getStorageSync('avatar')){
        this.setData({
          "avatar":wx.getStorageSync('avatar'),
        })
      }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})